html, body {
    background: #c5262c;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    position: relative;
}
.tetx{
    font-size: 0.54rem;
    color: #ffc572;
    position: absolute;
    top: 16%;
    left: 38%;
    text-align: center;
}
.loading_fater{
    width: 80%;
    height: 0.44rem;
    line-height: 0.44rem;
    background: #c5262c;
    border: 1px solid #363a69;
    /*box-shadow: 0 3px 7px 0 rgba(189,16,224,0.50);*/
    border-radius: 100px;
    /*position: relative;*/
    /*margin: 50% auto 0;*/
    margin: 0 auto;
    position: absolute;
    top: 34%;
    left: 10%;
}
img{
    width: 2.44rem;
    height: 1.69rem;
    position: absolute;
    top: 20%;
    left: 4%;
}
.loading{
    width: 0.02rem;
    height: 0.44rem;
    background: rgb(240,150,35);
    box-shadow: inset 0 0 4px 0 #470707;
    border-radius: 100px;
}
.loading>img{
    width: 1rem;
    height: 1rem;
    background: #ccc;
}
.loading_fater> span{
    color: #ffc572;
    position: absolute!important;
    top: 1rem;
    left: 2.8rem !important;
    font-size: 0.36rem;
}
.titles{
    color: #ffc572!important;
    position: absolute!important;
    top: 1.5rem;
    left:0.9rem !important;
    font-size: 0.36rem;
}
.con-1{
    color: #ffc572!important;
    position: absolute!important;
    top: 2.2rem;
    left: 0.1rem !important;
    font-size: 0.36rem;
    width: 5.8rem;
}
.con-2{
    color: #ffc572!important;
    position: absolute!important;
    top: 5.2rem;
    left: 0.1rem !important;
    font-size: 0.36rem;
    width: 5.8rem;
}